<!DOCTYPE html>
<html>

<head>
    <title>树懒VR看房</title>
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <link rel="icon" href="images/logo.png">
    <link href='css/pano3d.css' rel='stylesheet' type='text/css'>
    </link>
</head>

<body>
    <div id="thumbnail-controller">
        <div class="menu-wrap">
            <div class='agent-info-wrap js-info-wrap' id='jsInfoWrap'>
                <div class='o-avatar'>
                    <img id="avatar-url" src='' />
                </div>
                <div class='o-name'></div>
                <div class='o-other'>
                    <div>
                        <li class="js-house-screenshot pointer"><img src="images/icon_pano_takephoto.png" />截图</li>
                        <li class="js-house-info pointer"><img src="images/icon_pano_fangyuan.png" />概况</li>
                        <li class="js-pano-share pointer"><img src="images/icon_pano_share.png" />分享</li>
                    </div>
                </div>
            </div>
            <div id="thumbnail-control-button" class="background-trans">
                <i class="ico-delta"></i><span></span>
            </div>
            <div id="floorController" class="collap" all="全部"></div>
        </div>
        <div id="thumbnail-list" class="background-trans" style="display: none;">
            <div id="naviLeft" class="ico-naviLeft img-bottom img-opacity" style="display: none;"></div>
            <div id="thumbnails" style="display: inline-block; white-space: nowrap;"></div>
            <div id="naviRight" class="ico-naviRight img-bottom img-opacity" style="display: none;"></div>
        </div>
    </div>


    <div id="controller">
        <div id="largeViewSwitchController" class="pc zIndex100">
            <div id="largeViewSwitch2DButton" class="pc">2D户型</div>
            <div id="largeViewSwitch3DButton" class="pc modeIn">3D户型</div>
        </div>

        <div id="enterPanoramaViewBtn" class="zIndex100" style="visibility: hidden;">
            <span>&lt; 返回</span>
        </div>

        <div id="controlTip3D" class="pc centered tip zIndex100" style="display: none;">
            <table>
                <tbody>
                    <tr>
                        <td phonealt="双指缩放">滑动滚轮可缩放</td>
                        <td phonealt="单指旋转">拖动左键可旋转</td>
                        <td phonealt="双指移动">拖动右键可移动</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div id="controlTip2D" class="pc centered tip zIndex100" style="display: none;">
            <table>
                <tbody>
                    <tr>
                        <td phonealt="双指缩放">滑动滚轮可缩放</td>
                        <td phonealt="单指移动">拖动鼠标可移动</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div id="controlTip" class="pc centered tip zIndex100" style="display: none;">
            <table>
                <tbody>
                    <tr>
                        <!--<td phoneAlt="双指缩放">滑动滚轮可缩放</td>-->
                        <td phonealt="单指旋转">拖动鼠标可旋转</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div id="loading" class="loading-trans radius-div centered tip zIndex100">
            <h5 style="color: white; ">加载中</h5>
        </div>

        <div id="exitVRTip" class="loading-trans radius-div centered tip zIndex100"
            style="padding: 0 10px; display: none;">
            <h5 style="color: white; ">退出VR</h5>
        </div>

        <div id="vrStartTip" class="loading-trans radius-div centered tip zIndex100"
            style="width: 220px; height: 200px;">
            <div class="ico-vrTip" style="margin-top: 45px; font-size: 86px; color: #fff"></div>
            <h5 style="color: white; margin-top: 15px;">请将手机放入VR眼镜中</h5>
        </div>

        <div id="controlDiv" class="zIndex100" style="position: absolute;">
            <div id="controller-left">
                <div id="switch2DButton">2D户型</div>
                <div id="switch3DButton" class="modeIn">3D户型</div>
            </div>
            <!-- <div id="logo2">树懒VR</div> -->
            <!-- <div id="settingButton" class="ico-gear controller_right" onclick="$('#settingPanel').show();"></div> -->
            <div id="zoomInButton" style="top:53px;" class="ico-zoomIn controller_right"></div>
            <div id="zoomOutButton" style="top:92px;" class="ico-zoomOut controller_right disabled"></div>
            <!-- <a href="https://shanghai.anjuke.com/prop/getPanoInfo/?pano_id=eyJwYW5vX2lkIjoxMjI1ODcxfQ==&amp;city_id=11&amp;from=propview" id="pano_url" target="_blank" style="top:131px;display: none;" class="ico-enlarge controller_right"></a> -->
            <div id="menuButton" style="top:180px; visibility: hidden;" class="controller_right"></div>
            <div id="addAnchorButton" style="top:140px;" class="img-addAnchor controller_right"></div>
            <div id="uploadButton" style="top:190px;" class="img-upload controller_right"></div>
            <a id="downloadModelsButton" style="top:240px;" class="img-download-models controller_right"></a>
            <div id="recordButton" style="top:230px;" class="img-record controller_right"></div>
            <div id="replayButton" style="top:270px;" class="img-replay controller_right"></div>
            <div id="measureWallButton" style="top:270px;" class="img-measureWall controller_right"></div>
            <div id="measureLineButton" style="top:309px;" class="img-measureLine controller_right"></div>
            <div id="measureGridButton" style="top:348px;" class="img-measureGrid controller_right"></div>
            <div id="addCubeButton" style="top:387px;" class="img-addCube controller_right"></div>
            <div id="measureDeleteButton" style="top:426px;" class="img-measureDelete controller_right"></div>
        </div>

        <div id="settingPanel" class="zIndex100">
            <div class="content">
                <div id="switchRuler" class="switchItem">
                    <div>标尺</div>
                    <div id="switchRulerButton" class="switch on"></div>
                </div>

                <div id="switchVR" class="switchItem">
                    <div>VR看房</div>
                    <div id="switchVRButton" class="switch"></div>
                </div>

            </div>
            <i id="closeSettingPanel" class="ico-close" onclick="$('#settingPanel').hide();"></i>
        </div>

    </div>

    <div id="vr_house_container"></div>

    <div id="welcome" class="zIndex100"></div>


    <div id="disclaimer" class="zIndex100">
        <div>wifi环境下浏览更顺畅 · 实际情况以现场实勘为准</div>
    </div>
    <div id="loading_controller" class="zIndex100 centered notLoad">
        <div class="logo">树懒全景</div>
        <div class="slogan">身临其境 感同身受</div>
        <div id="loading_bar"
            style="margin-top: 18px; width: 238px; height: 3px; background-color: rgba(0, 0, 0, .31); border-radius: 2px;">
            <div id="loading_progress_bar"
                style="height: 100%; width:0%; background-color: rgba(0, 0, 0, .7); border-radius: 2px;"></div>
        </div>
        <div id="loading_tip" style="margin-top: 8px; font-size:13px; color:#000; height: 13px; line-height:13px;">
            努力加载中，请稍等
        </div>
    </div>

    <div id="loadRoomFailedTip" class="centered zIndex100">加载失败，换个房间试试</div>


    <!-- begin: agent info  -->
    <!-- begin: agent info  -->
    <!-- begin: agent info  -->
    <div class='layer-house-info'>
        <div class="house-info-main">
            <div class="main-wrap">
                <div class="close js-layer-close"><img src="images/icon_pano_close.png" width="20" /></div>
                <ul class="house-info"></ul>
                <div class="navigate-back js-navigate-back">查看房源信息</div>
            </div>
        </div>
    </div>

    <div class="layer-pano-share">
        <div class="layer-mask"></div>
        <div class="share-tip"><img src="images/icon_pano_share_tip2.png" /></div>
    </div>
    <!-- end: agent info  -->
    <!-- end: agent info  -->
    <!-- end: agent info  -->

    <script>
        window.staticPath = "images/";
    </script>
    <script src='js/libs/jquery-underscore.min.js'></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script src='js/libs/aliyun-oss-sdk-6.0.1.min.js'></script>
    <script src='js/libs/three.min.js'></script>
    <script src='js/libs/panovr.min.js'></script>
</body>

</html>